@charset "utf-8";
/**
 * みらくる☆めいぷる モンスターデータ スタイルシート
 *
 * LICENSE: Miracle Maple by Mirage is licensed
 * under a Creative Commons 表示-非営利-継承 2.1 日本 License.
 *
 * @category   monster
 * @package    maple-story.jp
 * @version    8.0.0
 * @link       http://maple-story.jp/css/monster.css
 * @since      File available since Release 8.0.0
 * @copyright  Copyright 2011 Miracle Maple
 * @license    http://creativecommons.org/licenses/by-nc-sa/2.1/jp/     Creative Commons BY-NC-SA
 */
section.search {
	margin: 0 25px;
}

section.search ul {
	margin: 0 5px;
}

/*
section#search-level {
	width: 35%;
	float: left;
}
*/

section#search-level ul li {
	width: 153px;
	float: left;
	
	padding: 8px;
}

section#search-level ul li a {
	padding: 8px 0;
}

section#search-area {
	width: 54%;
	float: left;
}

section#search-area ul li {
	width: 65px;
	float: left;
	font-size: 10px;
	padding: 8px;
}

section#search-config dl.element-attr dt {
	width: 23px;	
	float: left;
	padding: 4px;
	font-size: 18px;
	margin-top: 0;
	margin-right: 3px;
	line-height: 120%;
	white-space: normal;
	background: #ffffff;
	text-overflow: normal;
}

section#search-config dl.element-attr dt:hover {
	background: #ffffff;
}


section#search-config div.element-attr-last {
	margin-right: 0px;
}

section#search-area ul li a {
	padding: 10px 0;
	height: 64px;
}

input#search-keyword {
	width: 480px;
	margin-right: 12px;
}

input#level-range {
	width: 110px;
	border: none;
	color: #ff8c00;
}

section.result-list ul.button li {
	width: 152px;
	height: 152px;
}

section.result-list ul.button li a {
	width: 90%;
	height: 90%;
	padding: 8px 10px;
	text-shadow: 0 -1px 1px white, -1px 0 1px white, 1px 0 1px #ddd;
}

section.result-list div.shape {
	margin-bottom: 3px;
	width: 136px;
	height: 100px;
	background: center center no-repeat;
	border: 1px #aaa dashed;
}

section.result-list span.level {
	line-height: 1.3em;
	font-weight: bold;
	color: #ff8c00;
}

section.result-list div.monster-name {
	width: 136px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div.paper {
    margin-bottom: 12px;
    padding: 24px;
}

div.paper h1 {
	margin: 0;
	font-size: 24px;
}

div.paper h2 {
	margin: 0;
	font-size: 18px;
}

div#shape {
	text-align: center;
}

section#monster-basic {
    margin: 6px;
	float: left;
}

section#monster-basic div {
	width: 360px;
}

section#monster-basic h1 {
	float: left;
}

section#monster-basic span#level {
	float: right;
	font-size: 18px;
	color: #ff8c00;
	text-shadow: 0 -1px 1px white, -1px 0 1px white, 1px 0 1px #DDD;
}

dl#monster-parameter dt {
    width: 118px;
    float: left;
    margin: 2px 0;
    padding: 3px 3px 3px 15px;
    border: 1px #CCC solid;
    border-radius: 5px 0 0 5px;
	color: #ffffff;
}

dl#monster-parameter dt {
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #95d813),
		color-stop(1, #69c114)
	);

	background-image:-moz-linear-gradient(
		center top,
		#95d813 0%,
		#69c114 100%
	);
}

dl#monster-parameter dd {
    width: 203px;
    float: left;
    margin: 2px 0;
    padding: 3px 15px 3px 3px;
    border: 1px #CCC solid;
    border-radius: 0 5px 5px 0;
    border-left: 0;
    text-align: right;
}

dl#monster-parameter dt.exp {
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #ffd542),
		color-stop(1, #c5a22a)
	);

	background-image:-moz-linear-gradient(
		center top,
		#ffd542 0%,
		#c5a22a 100%
	);
}

dl#monster-parameter dd.exp {
	color: #ff8c00;
	font-weight: bold;
}

dl#monster-parameter dt.hp {
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #ff8080),
		color-stop(1, #dd3333)
	);

	background-image:-moz-linear-gradient(
		center top,
		#ff8080 0%,
		#dd3333 100%
	);
}

dl#monster-parameter dd.hp {
	color: #CC3333;
	font-weight: bold;
}

dl#monster-parameter dt.mp {
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #8080ff),
		color-stop(1, #3333dd)
	);

	background-image:-moz-linear-gradient(
		center top,
		#8080ff 0%,
		#3333dd 100%
	);
}

dl#monster-parameter dd.mp {
	color: #3333CC;
	font-weight: bold;
}

section#monster-drop {
	width: 280px;
    margin: 6px;
	float: left;
}

section#monster-drop ul.button li {
	float:	left;
	margin: 3px;
}

section#monster-drop ul.button li a {
	padding: 4px;
}

section#monster-drop div.shape {
	width: 40px;
	height: 40px;
	background: center bottom no-repeat;
}

section#monster-note {
	width: 267px;
    margin: 6px 0 6px 6px;
	float: left;
}
